//request主要是用来封装实例
import axios from 'axios';
import store from 'vuex';
import nprogress from 'nprogress';
import {
    Toast
} from 'vant';

const request = axios.create({
    baseURL: 'http://localhost:3005',
    timeout: 3000,
    headers: {
        'X-Custom-Header': 'foobar',
        // 'Authorization': `Bearer +${store.state.login}` //携带请求头
    }
});
let toast;
// 添加请求拦截器
request.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    nprogress.start(); //启动进度条
    toast = Toast.loading({
        message: '加载中...',
        forbidClick: true,
        loadingType: 'spinner',
    });

    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
request.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    nprogress.done(); //结束进度条
    Toast.clear(true);
    return response;
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    Toast.clear(true);
    return Promise.reject(error);
});

export default request;